[程式碼&DEMO] [HackMD完整筆記]

目標

透過localstorage去進行一個小菜單的資料增加和刪減功能。

步驟流程

STEP1

function addItem(e) {
  console.log('hello');
}

addItems.addEventListener('submit', addItem);

function addItem(e) {
  e.preventDefault();
}

STEP2

/* function addItem(){} 中 */
const text = this.querySelector('[name=item]').value;
  const item = {
      text, // ES6中對 text: text, 的簡寫
      done: false // 
  }

STEP3

/* function addItem(){} 中 */
items.push(item);
this.reset();// 用以清空 input中正在輸入的值
populateList(items, itemsList);
localStorage.setItem('items', JSON.stringify(items));

學習筆記